<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="/css/category/base.css">
    <link rel="stylesheet" href="/css/category/adapter/adapter.css">
    <link rel="stylesheet" href="/css/category/category.css">
    <script src="/lib/jquery/jquery.min.js"></script>
    <script src="/js/iscroll.js"></script>
    <script src="/js/template.js"></script>
</head>
<!--  -->

<body>
    <!-- 比价搜索容器 -->
    <div class="price_compare_search_wrap">

        <!-- 比价搜索头部 -->
        <div class="price_compare_header">
            <!-- 左边 -->
            <div class="header_logo">
                <a href="/index.html">
                    <img src="/images/mlogo.png" alt="">
                </a>
            </div>
            <form action="">
                <input type="search" name="" id="" value="商品比价、查历史价">
            </form>
            <div class="right_download">
                <a href="">下载</a>
            </div>

        </div>

        <!-- 导航 -->
        <div class="nav" id="header_nav">
            <ul class="nav_content clearfix">
                <li><a href="" class="active">首页</a></li>
                <li><a href="">省钱控</a></li>
                <li><a href="">查历史价</a></li>
                <li><a href="">比价搜索</a></li>
                <li><a href="">国内折扣</a></li>
                <li><a href="">白菜价</a></li>
                <li><a href="">小时风云</a></li>
            </ul>
        </div>

        <!-- 比价搜索分类 -->
        <div class="price_compare_category">

            <div class="big_home_app category_title ">
                <div class="title">
                    <a href="javascript:;" class="title_text">大家电</a>
                    <div class="category_container">
                        <table class="content">
                            <tr>
                                <td> <a href="Prolist.aspx?id=4">平板电视</a> </td>
                                <td> <a href="Prolist.aspx?id=5">空调</a> </td>
                                <td> <a href="Prolist.aspx?id=63">家庭影院</a> </td>
                            </tr>
                            <tr>
                                <td> <a href="Prolist.aspx?id=4">平板电视</a> </td>
                                <td> <a href="Prolist.aspx?id=5">空调</a> </td>
                                <td> <a href="Prolist.aspx?id=63">家庭影院</a> </td>
                            </tr>
                            <tr>
                                <td> <a href="Prolist.aspx?id=4">平板电视</a> </td>
                                <td> <a href="Prolist.aspx?id=5">空调</a> </td>
                                <td> <a href="Prolist.aspx?id=63">家庭影院</a> </td>
                            </tr>
                            <tr>
                                <td> <a href="Prolist.aspx?id=4">平板电视</a> </td>
                                <td> <a href="Prolist.aspx?id=5">空调</a> </td>
                                <td> <a href="Prolist.aspx?id=63">家庭影院</a> </td>
                            </tr>
                        </table>
                    </div>
                </div>

            </div>

            <div class="big_home_app category_title ">
                <div class="title">
                    <a href="javascript:;" class="title_text">大家电</a>
                </div>
            </div>

            <div class="big_home_app category_title ">
                <div class="title">
                    <a href="javascript:;" class="title_text">大家电</a>
                </div>
            </div>

            <div class="big_home_app category_title ">
                <div class="title">
                    <a href="javascript:;" class="title_text">大家电</a>
                </div>
            </div>

            <div class="big_home_app category_title ">
                <div class="title">
                    <a href="javascript:;" class="title_text">大家电</a>
                </div>
            </div>

            <div class="big_home_app category_title ">
                <div class="title">
                    <a href="javascript:;" class="title_text">大家电</a>
                </div>
            </div>

            <div class="big_home_app category_title ">
                <div class="title">
                    <a href="javascript:;" class="title_text">大家电</a>
                </div>
            </div>

            <div class="big_home_app category_title ">
                <div class="title">
                    <a href="javascript:;" class="title_text">大家电</a>
                </div>
            </div>

        </div>

        <div class="page_bottom">
            <div>
                <a href="">
                    登录
                </a>
            </div>
            <div>
                <a href="">
                    注册
                </a>
            </div>
            <div>
                <a href="">
                    返回顶部
                </a>
            </div>
        </div>

        <!-- 手机app -->
        <div class="app">
            <p>手机APP下载
                <span>慢慢买手机版</span>
            </p>
            <p>
                m.manmanbuy.com
            </p>

        </div>

    </div>


</body>

</html>
<script src="/js/category/category.js"></script>

<script type="text/template" id="category_temp">
    {{each data as value index}}
    <div class="big_home_app category_title "  titleId="{{value.titleId}}" >
            <div class="title">
                <a href="/television.html" class="title_text" >{{value.title}}</a>
                <div class="category_container">
                        <table class="content">
                        </table>    
                </div>
            </div>
        </div>
    {{/each}}
</script>



<script type="text/template" id="category_content">
     
    {{each data as index}}
            <tr>

                <td> <a href="Prolist.aspx?id=4">平板电视</a> </td>
                <td> <a href="Prolist.aspx?id=5">空调</a> </td>
                <td> <a href="Prolist.aspx?id=63">家庭影院</a> </td>
            </tr>
        
          
    {{/each}}
</script>